<template>
   <view  class="iconfont icon-down icon-xiangxia" :class="{right:point===1,left:point===2,top:point===3}" :style="{color:color}" />
</template>
<script>
export default {
  data() {
    return {
      msg: '',
    };
  },
  props:{
    point: {
      type: Number,
      default: 0,
    },
    color: {
      type: String,
      default: '#000',
    },
  },
  methods: {
    btnUrl(Url){
      	uni.redirectTo({ url: Url});
    }
  },
};
</script>
<style  lang="scss" scoped>
.icon-down{
  height: px2vw(20);
  line-height: px2vw(20);
  width: px2vw(20);
  display: inline-block;
  position: absolute;
  font-size:  px2vw($fz12);
  top: 50%;
  margin-top:- px2vw(10);
  right: px2vw(5);
  z-index: 9;
  color: #000;
  text-align: center;
}
.right{
  transform: rotate(270deg);
}
.left{
   transform: rotate(90deg);
}
.top{
  transform: rotate(180deg);
}
</style>
